﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="services.aspx.cs" Inherits="services" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
  <style type="text/css">
ul.bjqs h1, ol.bjqs-markers li a, #client_speek .first_testi .testi_bg, #client_speek .second_testi .testi_bg, #client_speek .third_testi .testi_bg {
	behavior: url("js/PIE.htc") !important;
}
#ServiceHeader2, #ServiceHeader3, #ServiceHeader4 {
	display:none;
}
</style>
<script type="text/javascript">
    $(function () {
        /* Hide form input values on focus*/
        $('input:text').each(function () {
            var txtval = $(this).val();
            $(this).focus(function () {
                if ($(this).val() == txtval) {
                    $(this).val('')
                }
            });
            $(this).blur(function () {
                if ($(this).val() == "") {
                    $(this).val(txtval);
                }
            });
        });
    });
</script>
<script  type='text/javascript'>
    $(function () {
        $("#area-1").mouseover(function () {
            var hoverimg = "images/menu-hover1.png";
            $(".hoverimage").attr("src", hoverimg);

            $("#ServiceHeader1").hide();
            $("#ServiceHeader2").hide();
            $("#ServiceHeader3").hide();
            $("#ServiceHeader4").hide();

            $("#ServiceHeader1").show("slow");


        })
        .mouseout(function () {
            $(".hoverimage").attr("src", "images/menu-hover.png");
        });

        $("#area-2").mouseover(function () {
            var hoverimg = "images/menu-hover2.png";
            $(".hoverimage").attr("src", hoverimg);

            $("#ServiceHeader1").hide();
            $("#ServiceHeader2").hide();
            $("#ServiceHeader3").hide();
            $("#ServiceHeader4").hide();

            $("#ServiceHeader2").show("slow");
        })
        .mouseout(function () {
            $(".hoverimage").attr("src", "images/menu-hover.png");
        });
        $("#area-3").mouseover(function () {
            var hoverimg = "images/menu-hover3.png";
            $(".hoverimage").attr("src", hoverimg);
            $("#ServiceHeader1").hide();
            $("#ServiceHeader2").hide();
            $("#ServiceHeader3").hide();
            $("#ServiceHeader4").hide();

            $("#ServiceHeader3").show("slow");
        })
        .mouseout(function () {
            $(".hoverimage").attr("src", "images/menu-hover.png");
        });
        $("#area-4").mouseover(function () {
            var hoverimg = "images/menu-hover4.png";
            $(".hoverimage").attr("src", hoverimg);
            $("#ServiceHeader1").hide();
            $("#ServiceHeader2").hide();
            $("#ServiceHeader3").hide();
            $("#ServiceHeader4").hide();

            $("#ServiceHeader4").show("slow");
        })
        .mouseout(function () {
            $(".hoverimage").attr("src", "images/menu-hover.png");
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    
    <div id="services">
          <h1>We provide many services OrionSense</h1>
          <div id="service_besides">
            <div class="icon_center">
              <div class="services_icon"> <img src="images/menu-hover.png" class="hoverimage" alt="" border="0" usemap="#Map"  />
                <map name="Map" id="Map">
                  <area shape="poly" id="area-1" coords="159,35,96,95,158,155,174,139,182,118,183,97,183,78,180,62,173,48" href="#" alt="" />
                  <area shape="poly" id="area-2" coords="95,101,153,158,133,173,117,181,103,181,84,183,70,181,59,177,45,172,40,165,35,159,35,159" href="#" alt="" />
                  <area shape="poly" id="area-3" coords="94,98,31,159,13,129,5,99,8,72,18,50,30,37,33,33" href="#" alt="" />
                  <area shape="poly" id="area-4" coords="96,93,34,32,51,16,77,9,95,10,110,10,128,19,144,27,157,33" href="#" alt="" />
                </map>
              </div>
              <!--Changeable Divs on hover START-->
              <div class="service_header_text" id="ServiceHeader1">
                <h6>Training &amp; Education</h6>
                <p>A creative approach is sometimes necessary.We offer several variants of online and on-site training to the enthusiastic ones so as to absorb the Technology and its benefits easily.</p><br />
                  <br />
                 
              </div>
              <div class="service_header_text" id="ServiceHeader2">
                <h6>Customer Support</h6>
                <p> We know how crucial and tough it is for the common person to handle the technology,That&#39;s why our Tech Support gurus are there – to help you solve your problem on a 
                    right-here & right-now basis.</p><br />
                  <br />
                 </div>
              <div class="service_header_text" id="ServiceHeader3">
                <h6>Customisation Development</h6>
                <p>Our key priority is to ensure you full development and deployment -- from preparing a requirements specification to providing long-term technical support and updates<br />
                  <br />
                  We're also available for private projects so please don't hesistate to contact us.</p>
              </div>
              <div class="service_header_text" id="ServiceHeader4">
                <h6>Cost Minimization</h6>
                <p>We are Eager to help you save your funds by understanding your present Technological state and providing you with best possible solutions to extract best out of your investment.<br />
                  <br />
                  We're also available for private projects so please don't hesistate to contact us.</p>
              </div>
              <!--Changeable Divs on hover END--> 
            </div>
          </div>
        </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    
    <div class="section_left">
        <h5><img src="images/our_teach.png" alt=""  />Remote Monitoring</h5>
        <p>Our solution offers web based remote monitoring for custom machinery.Orion 
            wireless sensors allows for instant and direct access to the internet.</p>
      </div>
      <div class="section_middle">
        <h5><img src="images/fast_reliable.png" alt=""  />Wireless Sensor Network</h5>
        <p>Our chips are powerful machines and are connected to each other, thereby making all users transmitters..</p>
      </div>
      <div class="section_right">
        <h5><img src="images/stay_forever.png" alt=""  />Stay forever connected</h5>
        <p>Now be aware and safeguard your factory by Monitoring the Environment of your Production units Centrally.</p>
      </div>
    <div id="service_pricing">
      <div class="center_frame">
        
      </div>
    </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
    <div id="testimonal">
    <div class="center_frame">
    <div id="service_details"> 
          <!--First Div -->
          <div class="service_details"> <img src="images/service_support.png" alt="" />
            <h6>Customer Support</h6>
            <ul>
              <li><strong>Application Training</strong><em>Learning to Understand User Interface,Controlling &amp; Operation of Application Developed Specially for you.</em></li>
              <li><strong>Troubleshooting</strong><em>Enjoy the Troubleshooting & Maintainence of the Application for Free in the First year. Our Active Tech Support is Happy to Help you anytime.</em></li>
              <li><strong>Fresh Installation</strong><em>Want us to install the Application to your device online? We do Software Installation online in case it is not physically feasible to be there.</em></li>
            </ul>
            <span>Free 1 Year of Service!<img src="images/service_sep_1.png" alt=""  /> </span> <a href="contact.aspx" class="button_service">Purchase Now!!!</a> </div>
          <!--Second Div-->
          <div class="service_details"> <img src="images/service_costMinimize.png" alt="" />
            <h6>Cost Minimization</h6>
            <ul>
               <li><strong>Current System Analysis</strong><em>We Analyse your current System to provide you with best possible solution in minimum cost considering all the present aspects.</em></li>
              <li><strong>Customization</strong><em>Modify your current System and improve your Output with the same amount of Input.</em></li>
              <li><strong>Technology Implementation</strong><em>Implement the best new technologies replacing the old time consuming components for better Outcome of your investment.</em></li>
            </ul>
            <span>Contact us for prices <img src="images/service_sep_1.png" alt=""  /> </span> <a href="contact.aspx" class="button_service">
              Contact Now!!!</a > </div>
          <!--Thired Div-->
          <div class="service_details"> <img src="images/service_app.png" alt="" />
            <h6>Training</h6>
            <ul>
                 <li><strong>Introduction</strong><em>First we understand and make you understand yor current system and explain you the various wireless Solutions available with us.</em></li>
              <li><strong>Planning</strong><em>We give brief Idea and Suggestions Regarding the Soultions suitable for Your Application.</em></li>
              <li><strong>Implementation</strong><em>Once everything is Finalized, we start System Development  & Implementation as discussed and train you to Use it.</em></li>
            </ul>
                <span>Contact us for prices. <img src="images/service_sep_1.png" alt=""  /> </span> <a href="contact.aspx" class="button_service">Lets Get Started.</a > </div>
          <!--Change Before Here--> 
        </div>
       <%--<h1>Testimonials</h1>
        <div class="test_title"> <img src="images/service_seprater.png" alt=""  />
          <p>Still in doubt about whether to choose our company? Why don't you see what some<br />
            of our satisfied customers has to say. We promise you it's worth it.</p>
          <img src="images/service_seprater.png" alt=""  /> </div>
        <!-- Client Speek Start here-->
        <div id="client_speek"> 
          <!--First Client-->
          <div class="first_testi">
        </div>
        <!-- Client Speek End here--> 
      </div>--%>
    </div>
    </div>
</asp:Content>

